@charset "utf-8";

/* banner */

.index-banner {
    min-width: 1200px;
    height: 460px;
}

.swiper-container.banner {
    width: 100%;
    height: 100%;
}

.swiper-wrapper {
    height: 100%;
}

.swiper-slide {
    height: 100%;
    overflow: hidden;
}

.index-banner .pagination {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 10px;
    text-align: center;
}

.index-banner .swiper-pagination-switch {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    margin: 0 6px;
    border: 2px solid #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: none !important;
    cursor: pointer;
}

.swiper-pagination-switch.swiper-active-switch {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 3;
}

.swiper-button-next {
    right: 10px;
}

.swiper-button-prev {
    left: 10px;
}

.index-banner .swiper-button-next,
.index-banner .swiper-button-prev {
    width: 70px;
    height: 130px;
    margin-top: -65px;
    z-index: 10;
    border: 1px solid rgba(255, 255, 255, .1);
    display: none;
}

.index-banner:hover .swiper-button-next,
.index-banner:hover .swiper-button-prev {
    display: block;
}

.index-banner .swiper-container-horizontal > .swiper-pagination-switchs .swiper-pagination-switch {
    margin: 0 6px;
}

.index-banner .swiper-button-prev {
    background: url("../images/icon-left.png") no-repeat center center;
}

.index-banner .swiper-button-next {
    background: url("../images/icon-right.png") no-repeat center center;
}

.index-banner .swiper-button-prev:hover {
    background: url("../images/icon-left-h.png") no-repeat center center;
    background-color: rgba(57, 118, 208, .55);
}

.index-banner .swiper-button-next:hover {
    background: url("../images/icon-right-h.png") no-repeat center center;
    background-color: rgba(57, 118, 208, .55);
}

.swiper-slide {
    position: relative;
}

.banner-line {
    background: url("../images/bg6-l.jpg") repeat-x;
    height: 460px;
}

.banner-line .bg1 {
    background: url("../images/banner1.jpg") no-repeat top center;
    height: 460px;
    position: relative;
    z-index: 2;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.banner-center {
    padding-top: 90px;
    overflow: hidden;
}

.banner-text {
    padding-left: 10px;
    width: 50%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.banner-text h2 {
    font-size: 48px;
    font-size: 48px;
    color: #fff;
    /*padding-left: 60px;*/
    min-height: 70px;
    font-weight: bold;
    line-height: 66px;
    margin-bottom: 14px;
}

.banner-text h2 span {
    font-size: 30px;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1;
    font-weight: normal;
}

.banner-text h2.lg1 {
    /*background: url("../images/logo_big_1.png") no-repeat left center;*/
    background-size: 50px;
}

.banner-text h2.lg2 {
    /*background: url("../images/logo_big_2.png") no-repeat left center;*/
    background-size: 50px;
}

.banner-text h2.lg3 {
    /*background: url("../images/logo_big_3.png") no-repeat left center;*/
    background-size: 50px;
}

.banner-text h2.lg4 {
    /*background: url("../images/logo_big_4.png") no-repeat left center;*/
    background-size: 50px;
}

.banner-text h2.lg5 {
    /*background: url("../images/logo_big_5.png") no-repeat left center;*/
    background-size: 50px;
}

.banner-text h2.lg6 {
    /*background: url("../images/logo_big_7.png") no-repeat left center;*/
    background-size: 50px;
}

.banner-text h2.lg7 {
    /*background: url("../images/logo_big_10.png") no-repeat left center;*/
    background-size: 50px;
}

.banner-text h2.lg8 {
    /*background: url("../images/logo_big_8.png") no-repeat left center;*/
    background-size: 50px;
}

.banner-text h2.lg9 {
    /*background: url("../images/logo_big_9.png") no-repeat left center;*/
    background-size: 50px;
}

.banner-text h2.lg10 {
    /*background: url("../images/logo_big_20_white.png") no-repeat left center;*/
    background-size: 50px;
}

.banner-text h2.lg11 {
    /*background: url("../images/logo_big_21.png") no-repeat left center;*/
    background-size: 50px;
}

.banner-text h2.lg12 {
    background-size: 50px;
}

.banner-text-btn {
    margin-top: 40px;
}

.dwon-li {
    float: left;
    margin-right: 10px;
}

.dwon-li a {
    display: block;
    width: 210px;
    background-color: #fff;
    border-radius: 48px;
    text-align: center;
    font-size: 0;
}

.dwon-li a:hover {
    background-color: #f0f0f0;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .3);
}

.dwon-li a:active {
    background-color: #fff;
}

.dwon-li a span {
    display: inline-block;
    padding-left: 36px;
    font-size: 20px;
    line-height: 48px;
    font-weight: bold;
    color: #00489c;
    background: url("../images/icon_dwon.png") no-repeat left center;
}

.dwon-li p {
    font-size: 13px;
    color: #8fc1f3;
    text-align: center;
    margin-top: 5px;
    line-height: 1.5;
}

.banner-text > p {
    line-height: 1.6;
    font-size: 16px;
    color: #fff;
    width: 490px;
    max-width: 100%;
}

.banner-text > p span {
    display: inline-block;
}

.banner-img {
    width: 50%;
    float: left;
    text-align: right;
}

.banner-img img {
    max-width: 100%;
}